<template>
  <div>
    <div id="head">
      <Header></Header>
    </div>
    <div id="middle">
      <Middler></Middler>
    </div>
    <div id="foot">
      <Footer></Footer>
    </div>
  </div>
</template>

<script>

  import Header from '../components/login/header'
  import Middler from '../components/login/middler'
  import Footer from '../components/login/footer'
    export default {
        name: "Login",
      components: {
        Header,
        Middler,
        Footer
      }
    }
</script>

<style scoped>
  #head {

  }


  #foot {
    width: 100%;
    position: absolute;
    bottom: 0px;
  }
</style>
